/* 页面背景样式 */
body {
    background-image: url('../img/'); /* 背景图像路径 */
    background-size: cover; /* 背景图像覆盖整个页面 */
    background-position: center; /* 背景图像居中 */
    background-repeat: no-repeat; /* 不重复背景图像 */
}

/* 容器样式 */
.container {
    padding-top: 30px; /* 确保内容不会被固定的导航栏遮挡 */
}

/* 标题样式优化 */
h1.text-center {
    font-weight: bold; /* 粗体字 */
    margin-bottom: 2rem; /* 底部外边距 */
    text-align: center; /* 居中文本 */
}

/* 表单样式优化 */
.form-group label {
    font-weight: bold; /* 粗体字 */
    color: #333; /* 深灰色文字 */
}

.form-control {
    border-radius: 5px; /* 圆角边框 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    background-color: #f9f9f9; /* 浅灰色背景以表示只读状态 */
    cursor: not-allowed; /* 鼠标指针变为禁止符号 */
}

/* 按钮样式优化 */
.btn-secondary {
    background-color: #0084ff; /* 浅灰色背景 */
    border-color: #0088ff; /* 边框颜色 */
    transition: background-color 0.3s, transform 0.3s; /* 过渡效果 */
}

.btn-secondary:hover {
    background-color: #545b62; /* 悬停时更深的灰色背景 */
    border-color: #545b62; /* 悬停时更深的灰色边框 */
    transform: translateY(-2px); /* 向上移动2像素 */
}

/* 页脚样式 */
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #005cbf; /* 深蓝色背景 */
    color: white;
    text-align: center;
    padding: 0px 0;
}



